<ul class="nav nav-tabs">
    <li id="modify-ALL">
      <a (click)="getList('')">全部</a>
    </li>
    <li id="modify-GM">
      <a (click)="getList('1')">公募基金</a>
    </li>
    <li id="modify-YDD">
      <a (click)="getList('2')">一对多</a>
    </li>
    <li id="modify-YDY">
      <a (click)="getList('3')">一对一</a>
    </li>
    <li id="modify-QYNJ">
      <a (click)="getList('4')">企业年金</a>
    </li>
    <li id="modify-YLJ">
      <a (click)="getList('5')">养老金</a>
    </li>
    <li id="modify-SB">
      <a (click)="getList('6')">社保</a>
    </li>
    <li id="modify-YLJJ">
      <a (click)="getList('7')">养老基金</a>
    </li>
    <li id="modify-TX">
      <a (click)="getList('8')">提醒</a>
    </li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane in box box-default" id="tab1">
      <div class="box-body">
        <form class="form-inline">
          <div class="box box-default collapsed-box">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 btn-margin" style="padding-left:0px;">
              <button class="btn btn-primary" (click)="showQuery()">
                <i class="fa fa-search"></i>搜索</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-view')" class="btn btn-primary" (click)="showModel('view')">
                <i class="fa fa-edit"></i>查看</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-modify')" class="btn btn-primary" (click)="modify('button')">
                <i class="fa fa-edit"></i>修改</button>
              <button *ngIf="getBody.type==''&&_.includes(menuResourceSet,'btn-rcmi-dataInTransit')" class="btn btn-primary" (click)="onWay('onWay')">
                <i class="fa fa-edit"></i>在途</button>
              <button *ngIf="getBody.type=='1'" class="btn btn-primary" (click)="onWay('all')">
                <i class="fa fa-edit"></i>全部</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-save')" class="btn btn-primary" (click)="save()">
                <i class="fa fa-save"></i>保存</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-commit')" class="btn btn-primary" (click)="saveOrSubmit('submits')">
                <i class="fa fa-edit"></i>提交</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-saveAndCommit')" class="btn btn-primary" (click)="saveOrSubmit('saveSubmits')">
                <i class="fa fa-edit"></i>保存并提交</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-recall')" class="btn btn-primary" (click)="cancel()">
                <i class="fa fa-edit"></i>撤销</button>
              <button class="btn btn-box-tool pull-right" data-widget="collapse">
                <i class="fa fa-plus"></i>
              </button>
            </div>
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;" class="btn-margin">
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-viewFlow')" class="btn btn-primary" (click)="showModel('flow')">
                <i class="fa fa-edit"></i>查看流程状态</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-singleChange')" class="btn btn-primary" (click)="showModel('single')">
                <i class="fa fa-edit"></i>查看单条基金变更</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-historyChange')" class="btn btn-primary" (click)="historyChange()">
                <i class="fa fa-edit"></i>查看历史变更</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-exportTarget')" class="btn btn-primary" (click)="exportTarget()">
                <i class="fa fa-sign-out"></i>导出指标</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-historyDetail')" class="btn btn-primary" (click)="exportHistory()">
                <i class="fa fa-sign-out"></i>导出历史明细</button>
            </div>
            <div class="box-body">
              <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px !important;">
                <label class="control-label">基金代码：</label>
                <input class="form-control" style="width:120px !important" [(ngModel)]="getBody.sFundCode" name="sFundCode" placeholder="基金代码">
                <label class="control-label">基金名称：</label>
                <input class="form-control" style="width:120px !important" [(ngModel)]="getBody.sFullName" name="sFullName" placeholder="基金名称">
  
                <label *ngIf="getBody.sFundType!=''" class="control-label">基金状态：</label>
                <select *ngIf="getBody.sFundType!=''" [(ngModel)]="getBody.sStatus" name="sStatus" id="modifyFundStatus" [disabled]="getBody.sFundType==''"
                  multiple></select>
                <label class="control-label">指标状态：</label>
                <select [(ngModel)]="getBody.sSteps" name="sSteps" id="modifyTargetSteps" multiple></select>
                <button class="btn btn-primary" (click)="list()">
                  <i class="fa fa-search"></i>查询</button>
              </div>
  
              <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top:10px;padding-left:0px !important;">
                <label class="control-label">股票/主板/二级市场：</label>
                <select class="form-control" style="width:100px !important" [(ngModel)]="f1" name="ejsc">
                  <option [value]="''" selected="selected">请选择</option>
                  <option [value]="item.sItemValue" *ngFor="let item of dictionaryList.ID_FIELD_TYPE">{{item.sItemValue}}</option>
                </select>
                <label class="control-label">股票/主板/新股网上申购：</label>
                <select class="form-control" style="width:100px !important" [(ngModel)]="f2" name="xgwssg">
                  <option [value]="''" selected="selected">请选择</option>
                  <option [value]="item.sItemValue" *ngFor="let item of dictionaryList.ID_FIELD_TYPE">{{item.sItemValue}}</option>
                </select>
                <label class="control-label">股票/主板/新股网下申购：</label>
                <select class="form-control" style="width:100px !important" [(ngModel)]="f3" name="xgwxsg">
                  <option [value]="''" selected="selected">请选择</option>
                  <option [value]="item.sItemValue" *ngFor="let item of dictionaryList.ID_FIELD_TYPE">{{item.sItemValue}}</option>
                </select>
                <button class="btn btn-primary" (click)="selectCheck()">
                  <i class="fa fa-edit"></i>批量修改</button>
              </div>
            </div>
          </div>
        </form>
        <div class="box-body" style="padding-left:0px;padding-right:0px;">
          <div #modifyTable></div>
        </div>
        <div class="box-footer clearfix" style="width:100%;">
          <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
              </span>
              <span class="page-list">
                每页记录
                <span class="btn-group dropup">
                  <button  class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="page-size">{{listPageInfo.pageSize}}</span>
              <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
              </span>
              条
              </span>
            </div>
          </app-pagination>
        </div>
      </div>
    </div>
  
    <div class="tab-pane in box box-default" id="tab2">
      <div #modifyRemindPage></div>
    </div>
  </div>
  
  <!-- 搜索modal -->
  <div class="modal modal-open modal-detail" id="query">
    <div #query></div>
  </div>
  
  <!-- 查看modal -->
  <div class="modal modal-open modal-detail" id="view">
    <div #view></div>
  </div>
  
  <!-- 修改modal -->
  <div class="modal modal-open modal-detail" id="edit">
    <div #edit></div>
  </div>
  
  <!-- 提交modal -->
  <div class="modal modal-open modal-detail" id="submit">
    <div #submit></div>
  </div>
  
  <!-- 查看流程状态modal -->
  <div class="modal modal-open modal-detail" id="modifyTargetFlow">
    <div #flow></div>
  </div>
  
  <!-- 查看单条基金变更modal -->
  <div class="modal modal-open modal-detail" id="single">
    <div #single></div>
  </div>
  
  <!-- 查看历史变更modal -->
  <div class="modal modal-open modal-detail" id="history">
    <div #history></div>
  </div>